import { CSSProperties, FC } from 'react'

const maskAlpha: CSSProperties = { maskType: 'alpha' }

export const HeroInnerElements2: FC = () => (
  <>
    <g filter="url(#filter0_d_1565_3889)">
      <rect
        x="1240.3"
        y="363.043"
        width="64"
        height="64"
        rx="32"
        transform="rotate(175.792 1240.3 363.043)"
        fill="white"
      />
    </g>
    <rect
      x="1230.62"
      y="353.756"
      width="46.051"
      height="46.9999"
      transform="rotate(175.792 1230.62 353.756)"
      fill="url(#pattern_HIE2_0)"
    />
    <rect
      x="1229.69"
      y="353.823"
      width="44.1877"
      height="44.0553"
      transform="rotate(175.792 1229.69 353.823)"
      fill="url(#pattern_HIE2_1)"
    />
    <g filter="url(#filter1_d_1565_3889)">
      <rect
        x="190.779"
        y="278.709"
        width="64"
        height="64"
        rx="32"
        transform="rotate(96.5904 190.779 278.709)"
        fill="white"
      />
    </g>
    <mask
      id="mask0_1565_3889"
      style={maskAlpha}
      maskUnits="userSpaceOnUse"
      x="133"
      y="284"
      width="45"
      height="45"
    >
      <path
        d="M153.94 328.782C166.067 329.543 176.514 320.329 177.275 308.203C178.036 296.076 168.822 285.629 156.696 284.868C144.569 284.107 134.122 293.321 133.361 305.447C132.6 317.574 141.814 328.021 153.94 328.782Z"
        fill="#C4C4C4"
      />
    </mask>
    <g mask="url(#mask0_1565_3889)">
      <path
        d="M292.096 293.364L135.262 283.523L132.506 327.437L289.34 337.278L292.096 293.364Z"
        fill="url(#pattern_HIE2_2)"
      />
    </g>
  </>
)

export const HeroInnerElements2Defs: FC = () => (
  <>
    <filter
      id="filter0_d_1565_3889"
      x="1170.04"
      y="297.476"
      width="72.0024"
      height="72.0029"
      filterUnits="userSpaceOnUse"
      colorInterpolationFilters="sRGB"
    >
      <feFlood floodOpacity="0" result="BackgroundImageFix" />
      <feColorMatrix
        in="SourceAlpha"
        type="matrix"
        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
        result="hardAlpha"
      />
      <feOffset />
      <feGaussianBlur stdDeviation="2" />
      <feComposite in2="hardAlpha" operator="out" />
      <feColorMatrix
        type="matrix"
        values="0 0 0 0 0.384314 0 0 0 0 0.392157 0 0 0 0 0.85098 0 0 0 0.13 0"
      />
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1565_3889" />
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1565_3889" result="shape" />
    </filter>
    <pattern id="pattern_HIE2_0" patternContentUnits="objectBoundingBox" width="1" height="1">
      <use xlinkHref="#image0_1565_3889" transform="scale(0.00421738)" />
    </pattern>
    <pattern id="pattern_HIE2_1" patternContentUnits="objectBoundingBox" width="1" height="1">
      <use xlinkHref="#image1_1565_3889" transform="scale(0.00443112)" />
    </pattern>
    <filter
      id="filter1_d_1565_3889"
      x="119.314"
      y="270.822"
      width="72.0063"
      height="72.0061"
      filterUnits="userSpaceOnUse"
      colorInterpolationFilters="sRGB"
    >
      <feFlood floodOpacity="0" result="BackgroundImageFix" />
      <feColorMatrix
        in="SourceAlpha"
        type="matrix"
        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
        result="hardAlpha"
      />
      <feOffset />
      <feGaussianBlur stdDeviation="2" />
      <feComposite in2="hardAlpha" operator="out" />
      <feColorMatrix
        type="matrix"
        values="0 0 0 0 0.384314 0 0 0 0 0.392157 0 0 0 0 0.85098 0 0 0 0.13 0"
      />
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1565_3889" />
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1565_3889" result="shape" />
    </filter>
    <pattern id="pattern_HIE2_2" patternContentUnits="objectBoundingBox" width="1" height="1">
      <use xlinkHref="#image2_1565_3889" transform="scale(0.00333333 0.0119048)" />
    </pattern>
    <image
      id="image0_1565_3889"
      width="800"
      height="242"
      xlinkHref=""
    />
    <image
      id="image1_1565_3889"
      width="788"
      height="225"
      xlinkHref=""
    />
    <image
      id="image2_1565_3889"
      width="300"
      height="84"
      xlinkHref=""
    />
  </>
)
